<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta http-equiv='X-UA-Compatible' content='chrome=1' />
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
	<title>排行榜</title>
	<link rel="stylesheet" type="text/css" href="static/css/common.css">
	<link rel="stylesheet" type="text/css" href="static/css/rank.css">
	<!--[if gte IE 9]>
	<script src='assets/libs/jquery.js'  type="text/javascript"></script>
	<script src="assets/libs/flexie.js" type="text/javascript"></script>
	<![endif]-->
</head>
<body>
	<section>
		 <div class='rank_title'>
		 	<ul class='rank_tip'>
		 		<li><a href="#rank_buzz">人气排行榜</a></li>
		 		<li><a href="#rank_gift" class='active'>礼赞排行榜</a></li>
		 	</ul>
		 	<ul class='rank_data'>
		 		<li><a href="#rank_today">今日</a></li>
		 		<li><a href="#rank_week" class='active'>本周</a></li>
		 	</ul>
		 </div>
		 <ul class='rank_main'>
		 	<li>
		 		<h1>1</h1>
		 		<div class='personal_logo'>
		 			<img src="static/img/test001.jpg">
		 		</div>
		 		<div class='personal_data'>
		 			<div class='personal_data_tip'>
			 			<p class='personal_name'>18岁的均云</p>
			 			<p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
			 			<p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
			 		</div>
			 		<div class='follow_btn'>关注</div>
		 		</div>
		 		<div class='personal_works'>
		 			<img src="static/img/notice_img4.png"/>
		 			<img src="static/img/notice_img3.png"/>
		 		</div>
		 		<div class='personal_buzz'>
		 			<div class='personal_buzz_box'>
		 				<p class='personal_buzz_num'>123456</p>
		 				<p class='personal_buzz_name'>礼赞次数</p>
		 			</div>
		 		</div>
		 	</li>
		 	<li>
		 		<h1>2</h1>
		 		<div class='personal_logo'>
		 			<img src="static/img/test001.jpg">
		 		</div>
		 		<div class='personal_data'>
		 			<div class='personal_data_tip'>
			 			<p class='personal_name'>18岁的均云</p>
			 			<p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
			 			<p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
			 		</div>
			 		<div class='follow_btn'>关注</div>
		 		</div>
		 		<div class='personal_works'>
		 			<img src="static/img/tuijian.jpg"/>
		 			<img src="static/img/notice_img3.png"/>
		 		</div>
		 		<div class='personal_buzz'>
		 			<div class='personal_buzz_box'>
		 				<p class='personal_buzz_num'>123456</p>
		 				<p class='personal_buzz_name'>礼赞次数</p>
		 			</div>
		 		</div>
		 	</li>
		 	<li>
		 		<h1>2</h1>
		 		<div class='personal_logo'>
		 			<img src="static/img/test001.jpg">
		 		</div>
		 		<div class='personal_data'>
		 			<div class='personal_data_tip'>
			 			<p class='personal_name'>18岁的均云</p>
			 			<p class='personal_num'>作品&nbsp;12&nbsp;&nbsp;|&nbsp;&nbsp;粉丝12345</p>
			 			<p class='personal_title'>(｡・`ω´･)是个美工爱好设计，还爱摄影~~微博同名</p>
			 		</div>
			 		<div class='follow_btn'>关注</div>
		 		</div>
		 		<div class='personal_works'>
		 			<img src="static/img/test001.jpg"/>
		 			<img src="static/img/test001.jpg"/>
		 		</div>
		 		<div class='personal_buzz'>
		 			<div class='personal_buzz_box'>
		 				<p class='personal_buzz_num'>123456</p>
		 				<p class='personal_buzz_name'>礼赞次数</p>
		 			</div>
		 		</div>
		 	</li>
		 </ul> 
	</section>
	<div id='page'>
		 <ul class='page'>
			 <li>＜</li>
			 <li>1</li>
			 <li class='active'>2</li>
			 <li>＞</li>
		</ul>
	</div>
	<script type="text/javascript" src='assets/libs/jquery.js'></script>
	<!-- <script type="text/javascript" src='assets/libs/jquery.paginate.js'></script>
	<script type="text/javascript" src='assets/libs/kkpager.js'></script> -->
	<!-- <script type="text/javascript" src='assets/libs/jPages.js'></script> -->
	<!-- <script type="text/javascript" src='static/js/rank.js'></script> -->
	<script type="text/javascript">
		/*$(function() {
	    // initiate plugin 
	    $("div.holder").jPages({
	      containerID: "itemContainer"
	    });
	  });*/
		$(function(){
            $('.rank_title').on('click','a',function(e){
                e.preventDefault();
                e.stopPropagation();
				$(this).addClass('active').parent().siblings().children().removeClass('active');
			})
		})
	</script>
</body>
</html>